<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>


<link rel="stylesheet" href="../css/lvshi.css">

<link rel="stylesheet" href="../font/font.ic/iconfont.css">

</head>
<body>

<!-- <span class="iconfont icon-qiche" >      </span> 
<span class="iconfont "> &#xe635</span>  -->


<ul>
<li> 私聊  </li>
<li> 委托  </li>
</ul>


<section>
<!--
<main>
<div class="left"></div>

<div class="right"> <span class="lv-name"></span>
<span class="lv-detail"></span>
</div> 

</main>-->
</section>

<footer>
<div> 
<span class="iconfont"> &#xe635;  </span>
<span class="ic2">律师馆</span></div>

<div> 
<span class="iconfont"> &#xe635;  </span>
<span class="ic2">消息</span></div>

<div> 
<span class="iconfont"> &#xe657;  </span>
<span class="ic2">志愿者</span></div>

<div> 
<span class="iconfont"> &#xe64d;  </span>
<span class="ic2">我的</span></div>

</footer>
<!--  -->




<script>

let plist =  { img:'../img/002.png' ,name:'aaa',dstail:'asss' }

let plistArr =[
{ img:'../img/001.jpg' ,name:'黄子娟律师',dstail:'是想要咨询哪方面的问题啊' ,uid:101} , 
{ img:'../img/002.jpg' ,name:'梅律龙律师',dstail:'是想要咨询哪方面的问题啊',uid:202 } ,
{ img:'../img/003.jpg' ,name:'成建律师',dstail:'是想要咨询哪方面的问题啊',uid:303 }
]
/* 
let html = ''
plistArr.forEach(function(v){

html += ` <main onclick= "fn1( ${v.uid})">

<div class="left"> <img src="${v.img}" alt="">  </div>

<div class="right"> <span class="lv-name"> ${v.name}  </span>
<span class="lv-detail"> ${v.dstail}  </span>
</div> 

</main>     `

})

document.querySelector('section').innerHTML = html; */

function  fn1(v){
console.log(v)
location.href = "duihua.html"
}

document.querySelector('section').innerHTML =plistArr.map( (v)=>

` <main onclick= "fn1( ${v.uid})">

<div class="left"> <img src="${v.img}" alt="">  </div>

<div class="right"> <span class="lv-name"> ${v.name}  </span>
<span class="lv-detail"> ${v.dstail}  </span>
</div> 

</main>  `

).join('')
















</script>













    
</body>
</html>